身為一人前端，前端技術決策這事也自然落在我的肩上，而且由於我初個任務就是重新打造前端系統，所以有相當多的技術決策要做，那以下是目前我會使用的評估方式：

1. NPM Trends
2. Github 與套件的官方文件
3. ChatGPT
4. Bundlephobia

NPM Trends

NPM Trends 是比較不同 NPM 套件的受歡迎程度的工具，蠻適合用在快速比較，在輸入多個 NPM 套件的名稱後，能透過圖表了解套件的下載量、星星數、更新情況、創建時間等。

像想查 react 表單套件的比較時，搜尋 form 旁邊就有跳出其他搜尋關鍵字，點選後就可以快速加入，然後快速進行比較～

Github 與套件的官方文件

雖然 NPM Trends 是一個很好的初步工具，但大多數人進行評估時，還是會搜尋 Github 與官方文件，了解社群支持情況、是否符合專案需求，同時也思考要未來擴展性。

在 GitHub 上可以觀察代表受歡迎程度與社群活躍度的星星數、更新情況，再來可以看看 Issues 的部分，了解是否有許多未解決的問題，或者開發者回應問題的速度如何。

此外，閱讀套件的官方文件真的蠻必要的，可以參考如何實作，也可以參考到是否支持最新的技術趨勢，例如許多公司現在從 React 轉向 Next.js（尤其是使用 App Router），選擇 i18n、Data Fetching 的套件時要確認該套件是否能夠良好支援這些新技術。

ChatGPT

ChatGPT 這類型的工具當然也會是好幫手，當需要快速了解套件的基本使用方式時，透過生成範例程式碼可以快速地掌握該套件的基本用法和特性，那以下也提供放在 codesandbox 的表單套件範例：

• react-hook-form 範例
• formik 範例

另外，當我在選擇套件時有疑問，或想知道是否有其他可能的選擇時，ChatGPT 也能提供一些額外的建議。比如「在我的場景下，是否還有其他適合的套件？」或「有沒有什麼沒考量到的嗎？」，這些問法可以幫我搜尋到一開始沒想到的問題～

Bundlephobia

Bundlephobia 這工具很酷～ 是一個幫助分析 NPM 套件大小的工具，可以顯示一個套件的最小化和壓縮後的大小，並且還可以顯示安裝後的依賴狀況。這對於需要控制前端資源大小的專案非常有幫助。

參考資料

• React-window | 有效地呈現大型列表與表格